<template>
  <div id="app">
    <pcrs-header :title="'PCRS'" :username="username"></pcrs-header>
    <div class="line"></div>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
import pcrsHeader from './components/header/Header'
import { getCookieFromStorage } from '@/common/js/cookieHelper'

export default {
  name: 'App',
  components: {
    pcrsHeader
  },
  data() {
    return {
      username: getCookieFromStorage('SSO_PCRS_USERID_COOKIE').cookieValue
    }
  }
}
</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    height: 100%;
  }

  body {
    margin: 0px;
    height: 100%;
  }

  html {
    height: 100%
  }

  * {
    box-sizing: border-box !important;
  }
</style>

<style scoped>
  .header-class {
    color: #fff;
    background-color: #409EFF;
  }

  .pcrs-title {
    font-size: 36px;
    padding: 15px;
  }

  .user-name {
    text-align: right;
    font-size: 24px;
    padding: 20px 50px 20px 50px;
  }
</style>
